/* 以下公共方法,请勿随意修改 */
.fly-c-flex {
	display: flex;
}

.fly-c-row {
	display: flex;
	flex-direction: row;
}

.fly-c-column {
	display: flex;
	flex-direction: column;
}

.fly-c-space-between {
	justify-content: space-between;
}

.fly-c-align-center {
	align-items: center;
}

.fly-font-grey {
	color: #9A9A9A;
}

.fly-font-white {
	color: #FFFFFF;
}

.fly-font-bold {
	font-weight: bold;
}

.fly-font-red {
	color: #EE2C2C;
}

.fly-font-blue {
	color: #6199FB;
}

.font-10 {
	font-size: 0.625rem;
}

.font-12 {
	font-size: 0.75rem;
}
.font-13 {
	font-size: 0.84375rem;
}

.font-14 {
	font-size: 0.875rem;
}

.font-16 {
	font-size: 1rem;
}

.font-18 {
	font-size: 1.125rem;
}

.font-20 {
	font-size: 1.25rem;
}

.font-22 {
	font-size: 1.375rem;
}

.font-24 {
	font-size: 1.5rem;
}



.mt-2 {
	margin-top: 0.125rem;
}
.mt-4 {
	margin-top:0.25rem;
}
.mt-5 {
	margin-top: 0.3125rem;
}

.mt-6 {
	margin-top: 0.375rem;
}

.mt-8 {
	margin-top: 0.5rem;
}
.mt-10 {
	margin-top: 0.625rem;
}
.mt-15 {
	margin-top: 0.9375rem;
}
.mt-18 {
	margin-top: 1.125rem;
}


.mt-20 {
	margin-top: 1.25rem;
}

.mt-25 {
	margin-top: 1.5625rem;
}


.mt-30 {
	margin-top: 1.875rem;
}

.mf-5 {
	margin-left: 0.3125rem;
}
.mf-8{
	margin-left: 0.5rem;
}
.mf-10 {
	margin-left: 0.625rem;
}

.mf-15 {
	margin-left: 0.9375rem;
}


.mf-20 {
	margin-left: 1.25rem;
}

.mf-25 {
	margin-left: 1.5625rem;
}

.mf-30 {
	margin-left: 1.875rem;
}

.hr-line {
	border-bottom: 0.0625rem #F0F0F0 solid;
}

.p-line {
	border-bottom: 0.25rem #F0F0F0 solid;
}

.a-noline {
	text-decoration: none;
}

.mb-5 {
	margin-bottom: 0.3125rem;
}

.mb-10 {
	margin-bottom: 0.625rem;
}

.mb-15 {
	margin-bottom: 0.9375rem;
}
.mb-25 {
	margin-bottom: 1.5625rem;
}
.mb-30 {
	margin-bottom: 1.875rem;
}


.mr-5 {
	margin-right: 0.3125rem;
}

.mr-10 {
	margin-right: 0.625rem;
}

.mr-15 {
	margin-right: 0.9375rem;
}

.mr-20 {
	margin-right: 1.25rem;
}

.pl-15 {
	padding-left: 0.9375rem;
}

.pl-10 {
	padding-left: 0.625rem;
}

.pl-5 {
	padding-left: 0.3125rem;
}

.pt-20 {
	padding-top: 1.25rem;
}

.pt-15 {
	padding-top: 0.9375rem;
}

.pt-10 {
	padding-top: 0.625rem;
}

.pt-5 {
	padding-top: 0.3125rem;
}

.pr-15 {
	padding-right: 0.9375rem;
}

.pr-10 {
	padding-right: 0.625rem;
}

.pr-5 {
	padding-right: 0.3125rem;
}

.m20 {
	margin: 1.25rem;
}

.m15 {
	margin: 0.9375rem;
}

.m10 {
	margin: 0.625rem;
}

.m8 {
	margin: 0.5rem;
}

.m5 {
	margin: 0.3125rem;
}

.m2 {
	margin: 0.125rem;
}

.p2 {
	padding: 0.125rem;
}

.p3 {
	padding: 0.1875rem;
}

.p5 {
	padding: 0.3125rem;
}

.p8 {
	padding: 0.5rem;
}

.p10 {
	padding: 0.625rem;
}

.p12 {
	padding: 0.75rem;
}

.p18{
	padding: 1.125rem;
}

.p20 {
	padding: 1.25rem;
}

.t-center {
	text-align: center;
}
.t-right{
	text-align: right;
}

.flex-grow-4 {
	flex-grow: 4;
}

.flex-grow-3 {
	flex-grow: 3;
}

.flex-grow-2 {
	flex-grow: 2;
}

.flex-grow-1 {
	flex-grow: 1;
}


.flex-grow-0 {
	flex-grow: 0;
}

.with-100 {
	width: 100%;
}

.with-50 {
	width: 50%;
}
.with-30 {
	width: 30%
}
.with-25 {
	width: 25%;
}
.with-60 {
	width: 60%;
}


.with-70 {
	width: 70%;
}
.f-left{
	float: left;
}
.bgcolor-white {
	background-color: #FFFFFF;
}

.radius-4 {
	border-radius: 0.25rem;
}

/* Switch开关样式 */
input[type='checkbox'].switch {
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	width: 2.1875rem;
	height: 1.25rem;
	background: #ccc;
	border-radius: 0.625rem;
	transition: border-color .3s, background-color .3s;
}

input[type='checkbox'].switch::after {
	content: '';
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0, 0, 0.125rem, #999;
	transition: .4s;
	top: 0.125rem;
	position: absolute;
	left: 0.125rem;
}

input[type='checkbox'].switch:checked {
	background: rgb(46, 123, 253);
}

/* 当input[type=checkbox]被选中时：伪元素显示下面样式 位置发生变化 */
input[type='checkbox'].switch:checked::after {
	content: '';
	position: absolute;
	left: 55%;
	top: 0.125rem;
}
